<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>和谐置家</title>
<link  href="../css/style.css" rel="stylesheet" type="text/css" />
<link  href="../css/member.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/jquery1.js"></script>
<script type="text/javascript" src="../js/jquery.select-1.3.6.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("select").sSelect();
	//提交表单
	$("#postform").click(function(){
		if ($("select[name=birthday]").val() == ''){
			alert ('未选择出生年份');
			return false;
		}else if ($("select[name=money]").val() == ''){
			alert ('未选择收入');
			return false;
		}else{
			$("#value")
			.empty()
			.append("<b>出生年份:</b>"+$("select[name=birthday]").val()+"<br />")
			.append("<b>学历:</b>"+$("select[name=student]").val()+"<br />");
		}
	});
	$('#city').change(function(){
		var getVal = $('#city option:selected').val();
		if(getVal == 'bj'){
			$('#area').empty().append('<option val="cy">朝阳区</option><option val="hd">海淀区</option><option val="ft">丰台区</option>');
		}else if(getVal == 'tj'){
			$('#area').empty().append('<option val="bh">滨海新区</option><option val="hp">和平区</option><option val="tg">塘沽区</option>');
		}
		$('#area').show().sSelect();
	});
	$("#postform2").click(function(){
			if ($("select[name=city]").val() == ''){
				alert ('请选择城市');
				return false;
			}else if($("select[name=area]").val() == ''){
				alert ('请选择城区');
				return false;
			}
			$("#value")
			.empty()
			.append("<b>城市:</b>"+$("select[name=city] option:selected").html()+"<br />")
			.append("<b>城区:</b>"+$("select[name=area] option:selected").html()+"<br />");
	});
	$('#city1').change(function(){
		var getVal = $('#city1 option:selected').val();
		if(getVal == 'bj'){
			$('#area1').empty().append('<option val="cy">朝阳区</option><option val="hd">海淀区</option><option val="ft">丰台区</option>');
		}else if(getVal == 'tj'){
			$('#area1').empty().append('<option val="bh">滨海新区</option><option val="hp">和平区</option><option val="tg">塘沽区</option>');
		}
		$('#area1').sSelect();
	});
	$("#postform3").click(function(){
			if ($("select[name=city1]").val() == ''){
				alert ('请选择城市');
				return false;
			}else if($("select[name=area1]").val() == ''){
				alert ('请选择城区');
				return false;
			}
			$("#value")
			.empty()
			.append("<b>城市:</b>"+$("select[name=city1] option:selected").html()+"<br />")
			.append("<b>城区:</b>"+$("select[name=area1] option:selected").html()+"<br />");
	});
})
</script>
</head>
<body>
<!--top start-->
<div class="top">
	<div class="top_center" >
    	<div class="l">您好，欢迎来和谐置家网！<a href="#" target="_blank">会员登录</a><a href="#" target="_blank">注册</a></div>			
        <div class="r"><a href="#" class="cb">设为首页</a><a href="#"  class="cb">加入收藏</a><a href="#" target="_blank">经济人登录</a></div>
     </div>
</div>
<!--top end-->
<!--header top start-->
<div class="header">
	<div class="h_top">
    	<div class="l"><img src="../images/logo.gif" width="242" height="57" /></div>
        <div class="r"><img src="../images/phone.gif" width="293" height="55" /></div>
    </div>
    <div class="nav">
    	<ul>
          <li class="nav_now"><a  href="index.html" >首页</a></li>
          <li><a class="nav_on"  href="us.htm">二手房</a></li>
          <li><a  href="news.htm">租房</a></li>
          <li><a href="#">小区</a></li>
          <li><a  href="product.htm">经济人</a></li>
          <li><a href="#">房产资讯</a></li>
          <li><a  href="#">走进和谐</a></li>
          <li><a  href="#">联系我们</a></li>
        </ul>
    </div>
</div>
<!--header end-->
<!--content start-->
<div class="content">
	<div class="crumbs">
        <span>您当前位置：<a href="/">首页</a> &gt; <a target="_blank" href="#">二手房</a> &gt; <a target="_blank" href="#">怀柔</a> &gt; <a target="_blank" href="#">南莘庄/颛桥</a> &gt; <a href="#">圣得恒业</a></span>
     </div>
     
	 <div class="member_box">
     	<div class="member_left">
           
            <div class="member_lcom">
            	<div class="mr_tit">我的找房</div>
                <ul class="mer_lbox">
                	<li><a href="#">我收藏的二手房</a></li>
                    <li><a href="#">我收藏的租房</a></li>
                    <li><a href="#">我收藏的小区</a></li>
                </ul>
            </div>
            <div class="member_lcom mtop">
            	<div class="mr_tit">我的委托</div>
                 <ul class="mer_lbox">
                	<li><a href="#">我要买房</a></li>
                    <li><a href="#">我要租房</a></li>
                    <li><a href="#">我要出售</a></li>
                    <li><a href="#">我要出租</a></li>
                    <li><a href="#">管理委托</a></li>
                </ul>
            </div>
            <div class="member_lcom  mtop">
            	<div class="mr_tit">信息管理</div>
                <ul class="mer_lbox">
                	<li><a href="#">编辑个人资料</a></li>
                    <li><a href="#">修改密码</a></li>
                </ul>
            </div>
        
        </div>
        <div class="member_right">
          <h2>我要出售</h2>
          <!--mem_sale start-->
          <div class="mem_sale">
           	<div class="mem_rtit">基本资料</div>
            <div class="mem_info">
            	<dl>
                	<dt><span>*</span> 物业类型：</dt>
                	<dd>
                    	<div class="m_wuye"><input type="radio"  checked="checked" name=""  value="Z">  住宅 </div>
                    	<div class="m_wuye"><input type="radio"  name="" value="X">   写字楼</div>
                   		<div class="m_wuye"><input type="radio"  name="" value="S">  商铺</div>
                    </dd>
                </dl>
                <dl>
                	<dt><span>*</span> 房屋地址：</dt>
                	<dd>
                    <div class="city_list">
                    	<div class="city">
						<select name="city1" id="city1">
						<option value="">请选择城市</option>
						<option value="bj">怀柔</option>
						<option value="tj">密云</option>
						</select>
						</div>
						<div class="area">
						<select name="area1" id="area1">
						<option value="">请选择城区</option>
						</select>
						</div>

						<div id="value" style="margin:0 10px; clear:both;"></div>
						<div id="value3" style="margin:0 10px;"></div>
                        </div>
                        <div class="area_input"><input name="" type="text"  value="小区名/地址" onblur="if (value ==''){value='小区名/地址'}" onfocus="if (value =='小区名/地址'){value =''}" /></div>
                        <div class="area_num"><input name="" type="text"  value="栋号" onblur="if (value ==''){value='栋号'}" onfocus="if (value =='栋号'){value =''}" /></div>
                        <div class="area_num"><input name="" type="text"  value="室号" onblur="if (value ==''){value='室号'}" onfocus="if (value =='室号'){value =''}" /></div>
                    </dd>
                </dl>
                <dl>
                	<dt ><span>*</span> 期望售价：</dt>
                    <dd><div class="area_num"><input type="text"  value=""  name=""></div><p >万&nbsp;&nbsp;</p></dd>
                </dl>
                <dl>
                	<dt><span>*</span> 建筑面积：</dt>
                    <dd><div class="area_num"><input type="text"  value=""  name=""></div><p>平米&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p></dd>
                </dl>
                <dl>
                	<dt><span>*</span> 户 型：</dt>
                    <dd>
                    	<div class="area_num"><input type="text"  value=""  name=""></div><p>室</p>
                        <div class="area_num"><input type="text"  value=""  name=""></div><p>厅</p>
                        <div class="area_num"><input type="text"  value=""  name=""></div><p>卫</p>
                        <div class="area_num"><input type="text"  value=""  name=""></div><p>阳台</p>
                    </dd>
                </dl>
                 <dl><dt> 来电时间：</dt>
                	<dd>
                    	<div class="m_wuye"><input type="radio" checked="checked" value=""  name=""> 随时来电</div>  
                        <div class="m_wuye"><input type="radio" value=""  name=""> 工作日</div>                        
                        <div class="m_wuye"><input type="radio" value="" name=""> 非工作日</div>                               
                    </dd>
                </dl>
                <dl><dt> 看房时间：</dt>
                	<dd>
                    	<div class="m_wuye"><input type="radio" checked="checked" value=""  name=""> 随时看房</div>  
                        <div class="m_wuye"><input type="radio" value=""  name=""> 工作日</div>                        
                        <div class="m_wuye"><input type="radio" value="" name=""> 非工作日</div>                               
                    </dd>
                </dl>
                <dl>
                <dt> 特殊说明：</dt>
                	<div class="m_shuo">
                    	<textarea id="remark" name="" class="tie-textarea" cols="80" rows="8"></textarea>
                    </div>
               </dl>
            </div>
       	  	 <div class="mem_rtit">联系方式</div>
        	 <div class="mem_info">
                <dl>
                    <dt><span>*</span> 联系人：</dt>
                    <dd>
                        <div class="area_name"><input type="text" value="lianyanshi100"  name="" ></div>
                        <div class="m_wuye">&nbsp;&nbsp;<input type="radio" checked="checked" value=""  name="">  先生</div> 
                        <div class="m_wuye"><input type="radio" value=""  name="">  小姐</div> 
                     </dd>
                 </dl>
                 <dl>
                     <dt><span>*</span> 手机号码：</dt>
                     <dd><div class="area_name"><input type="text"  value="" ></div></dd>
                 </dl>
                 <dl>
                     <dt> 邮箱：</dt>
                     <dd><div class="area_name"><input type="text"  value="" ></div></dd>
                 </dl> 
              </div>   
            </div> 
          <!--mem_sale end-->
         </div>
     </div>
     <!--j_right start-->
  
</div>
<!--content end-->
<!--footer start-->
<div class="footer">
	<div class="link"><a href="#">关于我们</a>|<a href="#">版权声明</a>|<a href="#">网站合作</a>|<a href="#">联系我们</a>| <a href="#">站内地图</a>|<a href="#">友情链接</a></div>
    <div class="copyright">copyright © 2012 shijia.com Limited, All Rights Reserved<br/>
豫ICP备0368562号 信息网络传播视听节目许可证02542155221号 广播电视节目制作经营许可证（豫）字第652号<br/>
文明办网文明上网 举报电话：010-59306587 举报邮箱：shijia@163.com</div>
</div>
<!--footer end-->
</body>
</html>
